<!DOCTYPE html>

<html>
<head>
	<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/style.css">
</head>
<body>
	<div id="page">
		<div id="header">
			<a href="{{ STATIC_URL }}index.html" id="logo"><img src="{{ STATIC_URL }}images/hi_opt.png" alt="Logo"></a>
						
					</ul>
				</li>
				
			</ul>
		</div>
		<div id="body">
			<div class="header">
				<div>
					<a href="{{ STATIC_URL }}index.html"><img src="{{ STATIC_URL }}images/mainpic.jpg" alt="Image" width="900 px" height="431" ></a>
					
				</div>
				
			</div>
			<div class="body">
                
			</div>

			<div class="footer">
				<img src="{{ STATIC_URL }}images/download.jpg" alt="Image">
				<div>
					<h1>Join us</h1>
					<ol>
                                                  <h2>Register</h2>
                        <form action="/accounts/register/" method="post">{% csrf_token %}
                        {{ form }}

                        <input type="submit" value="Register"/>
                        </form>


					</ol>
				</div>
			</div>
		</div>
         
		<div id="footer">
					<h1>Connect</h1>
					
					<a href="https://www.facebook.com/bookingcom?ref=br_tf" target="_blank" id="facebook">Facebook</a>
					<a href="https://twitter.com/bookingcom target="_blank" id="twitter">Twitter</a>
					<a href="https://plus.google.com/+Bookingcom" target="_blank" id="googleplus">Google&#43;</a>
				</div>
			</div>

		</div>

	</div>

</body>
</html>
